import React from 'react';
import ReactDOM from 'react-dom';
import store from './store/index'
import Com1 from './components/comp1'
console.log(store)


class App extends React.Component {
    add=()=>{
      store.dispatch({
        type:'ADD',
        num:10
      })
      // this.setState({})
      console.log(store.getState())
    }
    minus=()=>{
      store.dispatch({
        type:'MINUS',
        num:5
      })
      // this.setState({})
    }
    componentDidMount(){
      // 把这个回调函数 放到了某个事件池中
      // 事件池中的函数 会在数据更新之后默认执行
      this.fn = store.subscribe(()=>{
        this.setState({})
      })
      // store.subscribe(()=>{
      //   console.log(3333)
      // })
      // store.subscribe(()=>{
      //   console.log(8888)
      // })
    }
    componentWillUnmount(){
      this.fn()
    }
    render() {
        return <div className=''>
            <button onClick={this.add}>+</button>
            <button onClick={this.minus}>-</button>
            <h1>数字是：{store.getState().count}</h1>
            <Com1/>
        </div>;
    }
}

ReactDOM.render(<App/>,document.getElementById('root'))